import styled from 'styled-components'

export let MyHeaderStyled = styled.div`
    background: url("http://static.jiudoujishi.com/static1/user/header-bgi.png") 0% 0% / 100% 100% no-repeat;
    width:100%;
    height:1.4rem;
    padding-bottom:0.44rem;
    margin-bottom:0.1rem;
    header{
        width:100%;
        height:0.55rem;
        margin-bottom:0.15rem;
        padding-right:0.25rem;
        box-sizing:border-box;
        text-align:right;
        padding-top:0.15rem;
        i{
            font-size:0.2rem;
            color:#fff;
            margin-left:0.20rem;
        }
    }
    dl{
        display:flex;
        justify-content:center;
        box-sizing:border-box;
        dd{
            margin:0 0.08rem 0 0.2rem;
            width:0.7rem;
            height:0.7rem;
            border-radius:50%;
            overflow:hidden;
            img{
                width:100%;
                height:100%;
            }
        }
        dt{
            flex:1;
            color:#fff;
            span{
                font-size:0.18rem;
            }
            i{
                font-size:0.18rem;
            }
        }
    }
`